import type { Metadata } from 'next'
import { Noto_Serif_SC, Barlow } from 'next/font/google'
import './globals.css'
import { ThemeProvider } from 'next-themes'

const sc = Noto_Serif_SC({
  variable: '--font-noto-serif-sc',
  subsets: ['latin'],
})

const barlowFont = Barlow({
  variable: '--font-barlow',
  weight: ['500', '700'],
})

export const metadata: Metadata = {
  title: '竞价交易商城',
  description: '竞价交易商城',
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="en" suppressHydrationWarning>
      <body className={`${sc.variable} ${barlowFont.variable} antialiased`}>
        <ThemeProvider
          attribute="class"
          defaultTheme="system" // default theme
          enableSystem // enable system
          disableTransitionOnChange
        >
          {children}
        </ThemeProvider>
      </body>
    </html>
  )
}
